<div class="modal-header">
  <div class="modal-title">{{ record.username + '密码重置' }}</div>
</div>
<!--<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>-->
<div>
  <form nz-form [formGroup]="validateForm">
<!--    <input nz-input hidden formControlName="ID" />-->
    <div nz-row [nzGutter]="24">
      <div nz-col [nzSpan]="20">
        <nz-form-item>
          <nz-form-label [nzSpan]="8" nzFor="newPassword">密码</nz-form-label>
          <nz-form-control [nzSpan]="16" nzHasFeedback nzErrorTip="请填写密码！">
            <nz-input-group [nzSuffix]="suffixTemplate">
              <input
                formControlName="newPassword"
                [type]="passwordVisible ? 'text' : 'password'"
                nz-input
                placeholder="登录密码"
                [(ngModel)]="newPassword"
              />
            </nz-input-group>
            <ng-template #suffixTemplate>
              <i
                nz-icon
                [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
                (click)="passwordVisible = !passwordVisible"
                style="cursor: pointer"
              ></i>
            </ng-template>
          </nz-form-control>
        </nz-form-item>
      </div>
    </div>
  </form>
</div>

<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
  <button
    nz-button
    type="submit"
    nzType="primary"
    (click)="save(validateForm.value)"
    [disabled]="!validateForm.valid"
    [nzLoading]="http.loading"
    >保存
  </button>
</div>
